---
title: "New sign up for AppFlowy"
bodyClass: #EEEEFC
---

<x-main>
  <div style="display: none">
    To login to AppFlowy, follow this link @{{ .ConfirmationURL }}
  </div>

  <table
    width="100%"
    border="0"
    cellpadding="0"
    cellspacing="0"
    bgcolor="#EEEEFC"
    style="
      font-family:
        Google Sans,
        Robot,
        Arial,
        sans-serif;
      padding: 24px;
      color: #000000;
    "
  >
    <tr>
      <td align="center" valign="top">
        <table
          width="600"
          border="0"
          cellpadding="0"
          cellspacing="0"
          bgcolor="#ffffff"
          style="border-radius: 12px; padding: 32px; margin: 0 auto"
        >
          <tr>
            <td align="center" style="padding-bottom: 24px">
              <img
                src="{{ cdnBaseUrl }}images/appflowy.png"
                width="32"
                height="32"
                style="border: 0; display: block; margin: 0 auto"
              />
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 8px">
              <h1
                style="
                  font-size: 24px;
                  font-weight: bold;
                  margin: 0;
                  color: #000000;
                "
              >
                Login for AppFlowy
              </h1>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px">
              <p style="font-size: 16px; line-height: 1.5; margin: 0">
                We have received a request to confirm your AppFlowy account.
              </p>
              <p style="font-size: 16px; line-height: 1.5; margin: 2px 0 0 0">
                You can log in using either of the following options:
              </p>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 12px">
              <table
                width="100%"
                border="0"
                cellpadding="0"
                cellspacing="0"
                bgcolor="#F8FAFF"
                style="border-radius: 20px; padding: 24px 20px"
              >
                <tr>
                  <td align="center" style="padding-bottom: 16px">
                    <h2
                      style="
                        font-size: 16px;
                        font-weight: bold;
                        margin: 0;
                        color: #000000;
                      "
                    >
                      Option 1: Magic Link (Fast & Easy)
                    </h2>
                    <p
                      style="
                        font-size: 14px;
                        color: #6f748c;
                        margin: 10px 0 0 0;
                      "
                    >
                      Click the button or link below to log in instantly
                    </p>
                  </td>
                </tr>

                <tr>
                  <td align="center" style="padding-bottom: 16px">
                    <table
                      border="0"
                      cellpadding="0"
                      cellspacing="0"
                      style="margin: 0 auto"
                    >
                      <tr>
                        <td
                          align="center"
                          bgcolor="#9327FF"
                          style="border-radius: 10px; padding: 10px 16px"
                        >
                          <a
                            href="@{{ .ConfirmationURL }}"
                            style="
                              color: #ffffff;
                              font-weight: 600;
                              font-size: 14px;
                              text-decoration: none;
                              display: inline-block;
                            "
                            >Login to AppFlowy</a
                          >
                        </td>
                      </tr>
                    </table>
                  </td>
                </tr>

                <tr>
                  <td align="center">
                    <p
                      style="
                        padding-bottom: 16px;
                        font-size: 12px;
                        color: #6f748c;
                        margin: 0;
                      "
                    >
                      Or paste this into your browser:
                    </p>
                    <p style="max-width: 384px; margin: 0">
                      <a
                        href="@{{ .ConfirmationURL }}"
                        style="
                          font-size: 12px;
                          text-decoration: none;
                          text-align: center;
                          color: #6f748c;
                          font-weight: bold;
                          margin: 0;
                          word-break: break-all;
                        "
                      >
                        @{{ .ConfirmationURL }}
                      </a>
                    </p>
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px">
              <table
                width="100%"
                border="0"
                cellpadding="0"
                cellspacing="0"
                bgcolor="#F8FAFF"
                style="border-radius: 20px; padding: 24px 20px"
              >
                <tr>
                  <td align="center" style="padding-bottom: 16px">
                    <h2
                      style="
                        font-size: 16px;
                        font-weight: bold;
                        margin: 0;
                        color: #000000;
                      "
                    >
                      Option 2: One-Time Password (OTP)
                    </h2>
                    <p
                      style="
                        font-size: 14px;
                        color: #6f748c;
                        margin: 10px 0 0 0;
                      "
                    >
                      Prefer to enter a code instead? Use the one-time code
                      below
                    </p>
                  </td>
                </tr>

                <tr>
                  <td align="center">
                    <span
                      style="
                        background-color: #ffffff;
                        padding: 8px;
                        border-radius: 6px;
                        font-weight: 600;
                        font-size: 16px;
                        display: inline-block;
                      "
                      >@{{ .Token }}</span
                    >
                  </td>
                </tr>
              </table>
            </td>
          </tr>

          <tr>
            <td align="center" style="padding-bottom: 24px">
              <p style="font-size: 12px; color: #6f748c; margin: 0">
                This code and magic link will expire in 5 minutes for security
                reasons.
              </p>
              <p style="font-size: 12px; color: #6f748c; margin: 0">
                If you didn't initiate this login, you can safely ignore this
                email. No action is needed.
              </p>
            </td>
          </tr>

          <tr>
            <td align="center">
              <p
                style="
                  border-top: 1px solid #e4e8f5;
                  padding-top: 24px;
                  font-size: 12px;
                  color: #6f748c;
                  margin: 0 0 15px 0;
                "
              >
                Bring projects, knowledge, and teams together with the power of
                AI.
              </p>

              <p style="margin: 0 0 15px 0">
                <a
                  href="https://discord.gg/9Q2xaN37tV"
                  style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  "
                >
                  <img
                    src="{{ cdnBaseUrl }}images/discord.png"
                    width="20"
                    height="20"
                    alt="Discord"
                    style="border: 0"
                  />
                </a>
                <a
                  href="https://github.com/AppFlowy-IO/AppFlowy"
                  style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  "
                >
                  <img
                    src="{{ cdnBaseUrl }}images/github.png"
                    width="20"
                    height="20"
                    alt="GitHub"
                    style="border: 0"
                  />
                </a>
                <a
                  href="https://www.reddit.com/r/AppFlowy"
                  style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  "
                >
                  <img
                    src="{{ cdnBaseUrl }}images/reddit.png"
                    width="20"
                    height="20"
                    alt="Reddit"
                    style="border: 0"
                  />
                </a>
                <a
                  href="https://twitter.com/appflowy"
                  style="
                    text-decoration: none;
                    display: inline-block;
                    margin: 0 10px 0 0;
                  "
                >
                  <img
                    src="{{ cdnBaseUrl }}images/twitter.png"
                    width="20"
                    height="20"
                    alt="Twitter"
                    style="border: 0"
                  />
                </a>
                <a
                  href="https://www.youtube.com/@AppFlowyHQ"
                  style="text-decoration: none; display: inline-block"
                >
                  <img
                    src="{{ cdnBaseUrl }}images/youtube.png"
                    width="20"
                    height="20"
                    alt="Youtube"
                    style="border: 0"
                  />
                </a>
              </p>

              <p style="font-size: 12px; color: #6f748c; margin: 0 0 10px 0">
                Copyright © 2025, AppFlowy Inc.
              </p>
              <p style="font-size: 12px; color: #6f748c; margin: 0">
                Need Help?
                <a href="mailto:support@appflowy.io" style="color: #6f748c"
                  >support@appflowy.io</a
                >
              </p>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</x-main>
